<!-- 资金流水详情 -->
<template>
  <div @back="() => this.$router.go(-1)">
    <template>
      <a-card :bordered="false">
        <!-- 详情表单展示 start -->
        <!-- 资金流水 -->
        <a-descriptions bordered :title="$t('all.autotext290')">
          <a-descriptions-item :label="$t('all.autotext944')" v-if="queryParam.offline==1"> {{ queryParam.payNo }} </a-descriptions-item>
          <a-descriptions-item :label="$t('all.autotext496')" v-if="queryParam.offline==1"> {{ Number(queryParam.direct) === 1 ? $t('all.autotext894') : $t('all.autotext880') }} </a-descriptions-item>
          <a-descriptions-item :label="$t('all.autotext496')" v-if="queryParam.offline==2"> {{ $t('all.autotext1547') }} </a-descriptions-item>
          <a-descriptions-item :label="$t('all.autotext698')"> {{ queryParam.createTime | moment() }} </a-descriptions-item>
        </a-descriptions>
        <!-- 受试者可见才能看到相关凭证 -->
        <div v-if="queryParam.certUrl && $store.state.user.project.status!==3 && $options.filters.isPtsVisible()">
          <a-descriptions :title="$t('all.autotext441')" :style="{ 'margin-top': '20px' }" />
          <div>
            <a  :href="queryParam.certUrl | dealImageUrl" target="_blank">{{ $t('all.autotext441') }}</a>
          </div>
        </div>
        <!-- 详情表单展示 end -->
      </a-card>
    </template>
  </div>
</template>

<script>
export default {
  data () {
    return {
      queryParam: {}
    }
  },
  created () {
    console.log(this.$store.state.user.project.status)
    this.queryParam = this.$route.query
    this.splitImgUrl()
  },
  methods: {
    splitImgUrl () {
      // 分割图片路径
    }
  }
}
</script>

<style scoped></style>
